<div class="service-ctrl">

    <!--<h2>EVENT信息</h2>-->
    <!--<hr>-->
    <div class="row rongqi" style="padding: 0;list-style: none; margin-bottom: 30px;border: 1px solid #e6e9f2;border-bottom: none;">
        <div class="col-md-12" style="background-color: #e6e9f2; height: 40px;padding-top: 10px;">

            <div class="col-md-1 biaotou">时间</div>
            <div class="col-md-2 biaotou">名称</div>
            <div class="col-md-2 biaotou">类型</div>
            <div class="col-md-1 biaotou">状态</div>
            <div class="col-md-6 biaotou">事件</div>
            <!--<div class="col-md-2">容器个数</div>-->


        </div>
        <div class="col-md-12 event" ng-if="eventsws.items.length>0" ng-repeat="event in eventsws.items  | orderBy : 'mysort'" style="padding-top: 10px;padding-left: 0px;padding-right: 0px;padding-bottom:10px;">
            <div class="col-md-1 paddingeve" style="text-align: center;" ng-class="{'paddingevent':event.message.length>170,'paddingeventz':event.message.length>65&&event.message.length<=170}" uib-tooltip="{{event.metadata.creationTimestamp | duration3}}"><span style="">{{event.metadata.creationTimestamp | timescon2}}</span></div>
            <div class="col-md-2 paddingeve" style="text-align: center;" ng-class="{'paddingevent':event.message.length>170,'paddingeventz':event.message.length>65&&event.message.length<=170}"><span uib-tooltip="{{event.involvedObject.name}}">{{event.involvedObject.name}}</span></div>
            <div class="col-md-2 paddingeve" style="text-align: center;" ng-class="{'paddingevent':event.message.length>170,'paddingeventz':event.message.length>65&&event.message.length<=170}"><span style="word-wrap: break-word;text-align: center;">{{event.involvedObject.kind}}</span></div>
            <div class="col-md-1 paddingeve" style="text-align: center;" ng-class="{'paddingevent':event.message.length>170,'paddingeventz':event.message.length>65&&event.message.length<=170}"><span style="word-wrap: break-word;">{{event.type}}</span></div>
            <div class="col-md-6"><span style="word-break:break-all;word-wrap: break-word;">{{event.message}}<br><small style="color:#5a6378;font-size: 10px;">出现{{event.count}}次</small></span></div>

        </div>
        <!--<div class="col-md-12 load7" ng-if="!eventsws.items.length&&hasevent" style="padding: 0;overflow: hidden;">-->
            <!--<div class="loader">加载中...</div>-->
        <!--</div>-->
    <div class="col-md-12" ng-if="!eventsws.items.length&&!hasevent" style="padding: 0;overflow: hidden;">
              <div style="text-align: center;">部署事件暂时为空</div>
        </div>
    </div>

<style>
    .load7 .loader:before,
    .load7 .loader:after,
    .load7 .loader {
        border-radius: 50%;
        width: 2.5em;
        height: 2.5em;
        /*background-color: chocolate;*/
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation: load 1.8s infinite ease-in-out;
        animation: load 1.8s infinite ease-in-out;
    }
    .load7 .loader {
        margin: 8em auto;
        font-size: 10px;
        position: relative;
        text-indent: -9999em;
        -webkit-animation-delay: 0.16s;
        animation-delay: 0.16s;
    }
    .load7 .loader:before {
        left: -3.5em;
    }
    .load7 .loader:after {
        left: 3.5em;
        -webkit-animation-delay: 0.32s;
        animation-delay: 0.32s;
    }
    .load7 .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }
    @-webkit-keyframes load {
        0%,
        80%,
        100% {
            box-shadow: 0 2.5em 0 -1.3em #f8b551;
        }
        40% {
            box-shadow: 0 2.5em 0 0 #f8b551;
        }
    }
    @keyframes load {
        0%,
        80%,
        100% {
            box-shadow: 0 2.5em 0 -1.3em #f8b551;
        }
        40% {
            box-shadow: 0 2.5em 0 0 #f8b551;
        }
    }

    .biaotou {
        text-align: center;
    }
    .event .paddingeve {
        padding: 1% 0;
    }
    .event .paddingeventz {
        padding: 3% 0;
    }
    .event .paddingevent {
        padding: 5% 0;
    }

    .rongqi >div {
        /*text-align: center;*/
        border-bottom: 1px solid #e6e9f2;
    }
    .table-default.sub-table > tbody > tr {
        display: table-row;
        vertical-align: inherit;
        vertical-align: middle;
    }
    .table-default.sub-table > tbody > tr > td {
        padding: 12px 10px;
    }
</style>

</div>
